<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Trilium Notes</title>
    <link rel="apple-touch-icon" sizes="180x180" href="images/app-icons/ios/apple-touch-icon.png">
</head>
<body class="mobile" style="display: none;">
<noscript>Trilium requires JavaScript to be enabled.</noscript>

<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>

<div class="dropdown-menu dropdown-menu-sm" id="context-menu-container"></div>

<script type="text/javascript">
    window.baseApiUrl = 'api/';
    window.device = "mobile";
    window.glob = {
        activeDialog: null,
        sourceId: '<%= sourceId %>',
        maxSyncIdAtLoad: <%= maxSyncIdAtLoad %>,
        instanceName: '<%= instanceName %>',
        csrfToken: '<%= csrfToken %>',
        isDev: '<%= isDev %>',
        appCssNoteIds: <%- JSON.stringify(appCssNoteIds) %>
    };
</script>

<script src="libraries/jquery.min.js"></script>

<script src="libraries/dayjs.min.js"></script>

<link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
<script src="libraries/fancytree/jquery.fancytree-all-deps.min.js"></script>

<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="libraries/bootstrap/js/bootstrap.bundle.min.js"></script>

<link href="libraries/ckeditor/ckeditor-content.css" rel="stylesheet">

<script src="javascripts/mobile.js" crossorigin type="module"></script>

<link href="stylesheets/themes.css" rel="stylesheet">
<link href="stylesheets/style.css" rel="stylesheet">
<link href="stylesheets/detail.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="libraries/boxicons/css/boxicons.min.css">

<script>
    $("body").show();
</script>
</body>
</html>